import React, { Component } from 'react'
import DataBinder from '@icedesign/data-binder';
import axios from 'axios';
import { GetUrlParam, LoginReq } from '../../../baseConfig';
import { Loading, Table, Icon } from '@icedesign/base';
// import './BoardBox.scss';

@DataBinder({
  BoardBoxData: {
    url: `${global.constants.GOLDEYEGETHOST}cattle/index_info`,
    type: 'get',
    params: {},
    defaultBindingData: {}
  },
})
/**
 * 大股东股权质押预警
 */
export default class BoardGD extends Component {

  static propTypes = {
    // secu_code: PropTypes.string.isRequired,
    // type: PropTypes.string,
  };
  
  constructor(props) {
    super(props);
    // console.log("props",props)
    this.state = {
      title:'',
      data:[]
    }
  }

　GetUrlParam(paraName) {
　　var url = document.location.toString();
　　var arrObj = url.split("?");
　　　　if (arrObj.length > 1) {
　　　　　　var arrPara = arrObj[1].split("&");
　　　　　　var arr;
　　　　　　for (var i = 0; i < arrPara.length; i++) {
　　　　　　　　arr = arrPara[i].split("=");
　　　　　　　　if (arr != null && arr[0] == paraName) {
　　　　　　　　　　return arr[1];
　　　　　　　　}
　　　　　　}
　　　　　　return "";
　　　　}
　　　　else {
　　　　　　return "";
　　　　}
　　}
  
  componentDidMount() {
    this.getData();
    // this.props.updateBindingData('BoardBoxData',{
    //   params: {
    //     secu_code:GetUrlParam("secu_code"),
    //   }
    // }, (data) => {
    //   // console.log('获取到tab的data',data.data.placards_tips)
    //   if(data.flag){
    //     // console.log("data",data.data)
    //     this.setState({
    //       placards_tips:data.data.placards_tips
    //     });
    //     this.pushArray(this.state.placards_tips);
    //   }else{
    //     this.setState({
    //       message: true
    //     })
    //   }
    // });
  }

  // getCellProps = (rowIndex,colIndex) => {
  //   const ret = {
  //     colSpan: 1,
  //     rowSpan: this.state.sum[`'${rowIndex}'`] && colIndex === 0 ? this.state.sum[`'${rowIndex}'`] : 1
  //   }
  //   return ret
  // }

  getData = () => {
    axios({
      url: `${global.constants.GOLDEYEGETHOST}cattle/share_fp`,
      method: 'get',
      params: {
        secu_code:this.GetUrlParam("secu_code"),
      }
    }).then(response => {
      console.log("来源类型",response.data.data)
      this.setState({
        title:response.data.item_name,
        data:response.data.data
      })
    }).catch(error => {
      console.log(error);
    });
  }

  pushArray = (data) => {
    let nm =[];
    let datas = [];
    let sum = {};
    let currentKey;

    nm.push(data.baoxiangongsi,data.chanyeziben,data.simujijin)
    // console.log("nm",nm)
    for(let i=0;i<nm.length;i++){
      for(let j=0;j<nm[i].value_list.length;j++){
        if (j === 0){
          currentKey = `'${datas.length}'`
          sum[currentKey] = 1
        } else {
          sum[currentKey] ++
        }
        datas.push({index_type:`${nm[i].index_type}`,index_name:`${nm[i].value_list[j].index_name}`,index_range:`${nm[i].value_list[j].index_range}`,index_value:`${nm[i].value_list[j].index_value}`,index_flag:`${nm[i].value_list[j].index_flag}`})
      }
    }

    this.setState({
      // placards_data:datas,
      placards_data:[],
      sum:sum
    })
    // console.log("datas",this.state.placards_data);
  }

  cellRender = (value,index,record) => {
    // console.log("record",record.index_flag)
    if(record.index_flag==="down"){
      return(
        <img src="./assetc/down.png" />
      // <Icon type="ascending" style={{color:'#F6434C'}} />
      )
    }else{
      return(<img src="./assetc/up.png" />)
    }
  }

  render() {
    return (
      <div style={{margin:'30px'}}>
        <Table dataSource={this.state.data} >
          <Table.Column align="center" title="股东名称" dataIndex="name" />
          <Table.Column align="center" title="最新质押股票数量(股)" dataIndex="involved_sum" />
          <Table.Column align="center" title="质押股权占质押方持股数比例(%)"  dataIndex="shares" />
          <Table.Column align="center" title="质押股权占总股本比例(%)" dataIndex="ger" />
          <Table.Column align="center" title="质押类别" dataIndex="type_name" />
          <Table.Column align="center" title="质押公告日期"  dataIndex="public_date" />
        </Table>
      </div>
    )
  }
}